<template>
   
         <mt-swipe :auto="4000">
      <!--在组件中，使用v-for循环的话，一定要使用key-->
      <mt-swipe-item v-for="item in lunbotuList" v-bind:key="item.id" :class="{'isfull':isfull}">
        <img :src="item[imgname]" alt />
      </mt-swipe-item>
    </mt-swipe>
    
</template>

<script>
export default {
    props:['lunbotuList','imgname','isfull']
}
</script>

<style lang="scss"scoped>
 /*为了兼容首页的轮播图和商品详情页的轮播图的大小，设置一个isfull属性，来设置宽度是否为100%*/
    .isfull {
        img {
            width: 100%;
        }
    }
    .mint-swipe {
  height: 200px;
    .mint-swipe-item{
            text-align: center;
            img{
                /*width: 100%;*/
                height: 100%;
            }


            }
}



</style>

